<template>
  <div>
    <input type="number" v-model="range.min" placeholder="请揄入最小值" min="0" />
    <span style="margin-left: 10px; margin-right:10px;" >~</span>
    <input type="number" v-model="range.max" placeholder="请输入最大值" min="0"/>
  </div>
</template>

<script>
export default {
  name: "Child6",
  props: {
    value: {
      type: Array,
      default: O => [null, null],
    }
  },
  data(){
    return {
      range: {
        min: this.value[0],
        max: this.value[1]
      }
    }
  },
  watch: {
    range: {
      handler(val) {
        this.$emit("input", [val.min, val.max])
      },
      deep: true
    }
  },
}
</script>

<style scoped lang="scss">

</style>
